/* CSS Document */
@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}
input[type="button"], 
input[type="submit"], 
input[type="reset"] 
{
    -webkit-appearance: none;}
a{ text-decoration:none;} 

body{
    width:100%;
    max-width:640px;
    margin:0 auto;
    background:#F8F8F8;
    top:0px; bottom:0px; left:0px; right:0px;
    min-width:320px;}	

.Unknotted_left,.Completed_rigth {
    width:50%;
    margin:0 auto;
    text-align:center;
    background:#4c5056;
    padding-top:7%;
    padding-bottom:5.5%;
    /*margin-bottom:3%;*/
}
.Unknotted_left h2,.Completed_rigth h2 {
    font-size:3rem;
    font-family: "微软雅黑";
}
.Unknotted_left p,.Completed_rigth p {
    font-size:1rem;
    padding-bottom:0.2em;
    padding-top:0.5em;
}
.Unknotted_left h2,.Unknotted_left p {
    color:#ffa060;
}
.Completed_rigth h2,.Completed_rigth p {
    color:#fff;
}
.Unknotted_left span,.Completed_rigth span {
    color:#b4b5b7;
    font-size:0.8em;
}
.Unknotted_left {
    float:left;
}
.Completed_rigth {
    float:right;
}

.led_lists {
    margin-top:0.3rem;
    width:100%;
    height:100%;
}
.plan_cmp {
    height:200px;
}
.led_lists ul li {
    padding-top:1.3rem;
    padding-left:3%;
    font-size:0.8rem;
}

.user_lists {
    max-width:640px;
    background:#FFF;
    clear:both;
    height:100%;
    width:100%;
}
.user_lists h3 {
    heighgt:25px;
    line-height: 25px;
    padding-left:4%;
    border-bottom:0.08em solid #e5e5e5;
    font-size:0.8rem;
    color:#9f9e9e;
}
.user_lists ul{
    clear:both;
}
.user_lists ul li{
    float:left;
    background:#fff;
    width:33%;
    max-width:230px;
    margin:0 auto;
    padding:5% 0;

    /*margin-top:5%;
    margin-left:8%;*/
}
.border{border-bottom:0.08em solid #e5e5e5;
        border-right:0.05em solid #e5e5e5;}
.border_bottom{
    border-bottom:0.1em solid #e5e5e5;}
.border_right{
    border-right:0.05em solid #e5e5e5;
}
.user_lists ul li img{
    width:45%;
}
.user_lists ul li a {
    color:#333;
}
.user_lists ul li p{
    text-align:center;
}
.user_lists ul li p span{
    clear:both; display:block; padding-top:0.5em; font-size:0.8rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center}


/*工作计划*/
.plan_lists {
    width:100%;
    height:15rem;
    background:#fff;
    clear:both;
}
.plan_lists ul {
    padding-bottom:30px;
}
.plan_lists ul li {
    padding-top:1.3rem;
    padding-left:3%;
    font-size:0.8rem;
}
.plan_lists ul li label {
    color:#333;
    vertical-align:top;
    width:16.8%;
    text-align:right;
    display:inline-block;
}
.plan_lists ul li span.num-bj {
    background:#F6F6F6;
    width:75%;
    margin-left:3%;
}
.plan_lists ul li span.num {
    background:#ED8D76;
}
.plan_lists ul li span.num,.plan_lists ul li span.num2 {
    color:#fff;
    line-height:17px;
    /*padding-left:3%;*/
}
.plan_lists ul li span.num2 {
    background:#5FC6C6;	
}
.plan_lists ul li span.num-bj,.plan_lists ul li span.num,.plan_lists ul li span.num2 {
    height:1.2em;
    display:inline-block;
    border-radius:12px;

}
.plan_lists ul li span a {
    color:#fff;
} 
.plan_bottom {
    bottom:0;
    position:fixed;
    height:3.2em;
    background:#fff;
    border-top:0.9px solid #e5e5e5;
    width:100%;
}
.plan_bottom ul li {
    float:left;
    width:50%;
    padding-top:16px;
    text-align:center;
}
.plan_bottom ul li a {
    color:#282828;
}
.plan_bottom ul li a:hover {
    color:#417ECF;
    font-weight:500;
}

/*关注计划*/
.st-container {
    margin-top:1rem;
    widht:100%;
    height:100%;
    clear:both;
}
.st-container .attention_plan_bt {
    height:55px;
}
.st-container .attention_plan_bt li {
    width:16%;
    float:left;
    text-align:center;
    margin-left:3%;
    font-size: 0.9rem;
}
.st-container .attention_plan_bt li a {
    color:#333;
}

.st-container .attention_plan_bt li.current {
    text-align:center;
    color:#417ECF;
    width:16%;
    padding-bottom:5px;
    font-size: 0.9rem;
    border-bottom:0.11rem solid #417ECF;
}
.st-container .attention_plan_bt li.current a {
    color:#417ECF;
}
/*
.st-container .attention_plan_bt li a:hover {
        color:#417ECF;
}
.st-container .attention_plan_bt li:hover {
        text-align:center;
        width:18%;
        padding-bottom:5px;
        border-bottom:0.11rem solid #417ECF;
}
*/
.attention_plan_bt li > a {
    font-size:0.8rem;
}
.st-container .st-scroll li > a {
    font-size:0.85rem;
    color:#333;
    text-align:center;

}
.st-scroll {
    clear:both;
    padding:0 0.6rem 0 0.6rem;
}
.st-scroll li {
    padding-left:0.2rem;
    height:48px;
    line-height:48px;
    border-bottom:0.5px solid #DFDFDF;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:normal;
}
.new_plan_lists .plan_nr {
    float:left;
    width:80%;
    text-align:left;
}
.new_plan_lists .plan_att_num {
    float:left;
    color:#417ECF;
    margin-left:3%;
}
.new_plan_lists .collect {
    justify-content:flex-end;
    display:-webkit-flex;
}

/*全部计划*/
.all_plans {
    background:#5077AA;
    height:48px;
    line-height:48px;

}
.all_plans ul li {
    float:left;
    /*width:16%;*/
    padding: 0 15px;
    text-align:center;
    font-size:0.9rem;
}
.all_plans ul li a {
    color:#fff;
}
/*
.all_plans ul li a:hover {
        color:#FFCD00;
        font-weight:500;
}*/
.all_plans li.allday a {
    color:#FFCD00;
    font-weight:500;
}

.font-color{color:#ED8D76}
.font-color2{color:#009C70}
.font-color1{color:#5077aa}














